import React from 'react'

class Test extends React.Component{ 
//当父组件里面的render函数被运行时，他的子组件的render都将被重新执行一次   
    // render(){
    //     console.log('test render') 
    // jsx语法简洁  jsx -> 虚拟dom(js对象) ->真实Dom
    //     return <div>{this.props.content}</div>
    // }

    //jsx -> createElement函数 -> 虚拟dom(js对象) ->真实Dom
    //内容复杂时麻烦
    render(){
        console.log('Test render 子组件') 
        return React.createElement('div',{},this.props.content)
    }

    componentWillReceiveProps(newProps) {
        //在组件接收到一个新的 prop (更新后)时被调用。
      console.log('Test*componentWillReceiveProps*')
    }
    //你的组件需要被更新吗 返回true后componentWillUpdate才会执行，否不执行
   shouldComponentUpdate(newProps, newState) {
        if(newProps.content !== this.props.content){
            return true
        }else{
            return false;
        }       
    }

}


export default Test